<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内边距</title>
    <style>
        div{
            width: 170px;
            height: 170px;
            background-color: chartreuse;
            padding:10px ;
            /* padding-left: 30px;
            padding-top: 30px; */
            /* padding:5px 代表上下左右都有5像素内边距 padding:5px 10px 代表上下内边距5px 左右内边距20像素  padding:5px 10px 20px 代表上5 左右10 下20 padding:5px 10px 20px 10px 上5 右10 下20 左20 顺时针*/
            /* padding:5px 10px 20px; */
        }
    </style>
</head>
<body>
    <!-- padding属性用于设置内边距，即边框与内容之间的距离 -->
   <!-- <div>盒子盒子盒子盒子内容</div> -->
   <div>
    padding会影响盒子的实际大小
    padding会影响盒子的实际大小
    padding会影响盒子的实际大小
    padding会影响盒子的实际大小
    padding会影响盒子的实际大小
    padding会影响盒子的实际大小
   </div>
</body>
</html>